@charset "utf-8";
// 首页轮播图的css
.xz-zy{
  width: 50px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.3);
  top: 50%;
  transform: translateY(-50%);
}
.xz-zsf li{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color:green;
}
.xz-zsf .active{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color:red;
}
.xz-index{
  .xz-index-r1{
    height: 375px;
    .xz-r1-text{
      z-index: 10;
      width: 50%;
      position: relative;
      top: 56px;
      left: 60px;
      p{
        font-size: 12px;
      }
    }
    .xz-r1-img{
      position: absolute;
      top: 38px;
      right: 40px;
    }
    
  }
  .xz-index-r2{
    height: 233px;
    .xz-r2-text{
      h6,a{font-size: 12px;}
      
    }
  }
}

// 响应式 以md为分界
// md以上（上下排列）
@media (min-width:768px) {
  .xz-r2-box{
    height: 100%;
    .xz-box-img{
      width: 85%;
      margin: auto;
      img{width: 100%;}
    .xz-box-text{
      // 上下排列的时候文字要小
      p{font-size: 12px;}
      h6{
        font-size: 18px;
        margin: 7%;
      }
      button{
        font-size: 12px;
      }
    }
    }
  }
}
// md以下（从左到右）
@media (max-width:768px) {
  .xz-r2-box{
    height: 100%;
    .xz-box-img{
      width: 45%;
      float: right;
      margin-top: 8%;
      img{width: 100%;}
    }
    .xz-box-text{
      width: 55%;
      float: right;
      margin-top: 10%;
      p{font-size: 18px;}
      h6{
        font-size: 22px;
        margin: 15px 0;
      }
    }
  }
}
// 首页导航
/* 搜索区两个规格：768以下，768以上，只限制长度的改变 */
@media (max-width:768px) {
  .xz-search{
    width: 100% !important;
    margin: 20px 0 10px 0;
  }
}
// navbar的css
.xz-search{
  width: 55%;
  height: 32px;
}
.xz-search input{
  width: 80%; 
  border: 0;
  outline: none;
  display: block;
  float: left;
  height: 100%;
}
.xz-search img{
  float: right;
}
.xz-mlist .breadcrumb-item + .breadcrumb-item::before {
  content: "|";
}